*{
    margin: 0;
    padding: 0;
}
body{
   background-image: url(../images/bg.png);
}
/*头部*/
.back{
    width: 1200px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.back-img-left{
    position: absolute;
    left: 0;
    width: 397px;
    height: 50px;
    background-image: url(../images/t1.png) ;
    border-radius: 5px;
}
.back-img-right{
    position: absolute;
    right: 0;
    background-image: url(../images/t1.png) ;
    border-radius: 5px;
    width: 800px;
    height: 50px;
}

/* 用户名 */
.user{
background-image: url(../images/sideBg.png);
width: 396px;
height: 75px;

position: relative;
}
.user p{
    color: rgb(203, 159, 111);
    position: absolute;
}
.user-one{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;

}
.img-one{
    margin-left: 10px;
    margin-top: 12px;
    position: absolute;
}
.img-two{
    margin-left: 10px;
    margin-top: 42px;
    position: absolute;
}

/* 蛋糕 */
.cake-one{
    width: 70px;
    height: 25px;
    margin-left: 520px;
    background-color: rgb(198, 65, 46);
    position: absolute;
    margin-top: -58px;
    padding: 15px;
    border-top: 1px solid rgb(255, 129, 108);
    border-radius: 5px;
}
.cake-two{
    width: 70px;
    height: 25px;
    margin-left: 640px;
    background-color: rgb(236, 189, 133);
    position: absolute;
    border-radius: 5px;
    padding: 15px;
    margin-top: -58px;
}
.cake-three{
    width: 70px;
    height: 25px;
    margin-left: 755px;
    background-color: rgb(236, 189, 133);
    position: absolute;
    border-radius: 5px;
    padding: 15px;
    margin-top: -58px;
}
.cake-four{
    width: 70px;
    height: 25px;
    margin-left: 870px;
    background-color: rgb(236, 189, 133);
    position: absolute;
    border-radius: 5px;
    padding: 15px;
    margin-top: -58px;
}
.cake-five{
    width: 70px;
    height: 25px;
    margin-left: 985px;
    background-color: rgb(236, 189, 133);
    position: absolute;
    border-radius: 5px;
    padding: 15px;
    margin-top: -58px;
}
.cake-six{
    width: 20px;
    height: 25px;
    margin-left: 1100px;
    background-color: rgb(236, 189, 133);
    position: absolute;
    border-radius: 5px;
    padding: 15px;
    margin-top: -58px;
}
.user-one a{
 text-decoration: none;
}

/* 收支明细 */
.income{
    background-image: url(../images/bg3.png);
    width: 396px;
    height: 43px;
    position: relative;
}
.income img{
    margin-left: 20px;
    margin-top: 11px;
}
.income span{
    color: white;
    font-size: 15px;
    position: absolute;
    margin-top: 10px;
    margin-left: 5px;
}

/* 菜单 */
.menu{
    color: rgb(128, 55, 23);
    background-color: rgb(241, 236, 221);
    width: 396px;
    line-height: 50px;

}
.menu td{
    text-align: center;
    border-bottom: 1px solid rgb(188, 168, 147);
}
.menu-one{
    font-size: 20px;
}
.menu-balk{
    position: absolute;
    margin-top: -84px;
    margin-left: 5px;
}

/* 桌面背景 */
.desk{
    width: 396px;
    height: 257px;
    background-image: url(../images/shouzibg.png);
}

/* 结算 */
.settl{
    width: 396px;
    height: 185px;
    background-color: rgb(243, 231, 191);
    position: relative;
}
.settl p{
    background-color: rgb(242, 241, 211);
    color: red;
    text-align: center;
    position: absolute;
    margin-top: 35px;
    margin-left: 64px;
    font-size: 30px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 60px;
}
.settl input{
    border-radius: 20px;
    width: 230px;
    height: 40px;
    margin-top: 125px;
    margin-left: 30px;
    border: none;
    outline: none;
    padding-left: 20px;
}
.settl button{
    position: absolute;
    border-radius: 20px;
    width: 50px;
    height: 40px;
    margin-top: 125px;
    margin-left: 15px;
    border: none;
    outline: none;
    background-color: white;
}
.settl-ss{
    position: absolute;
    margin-top: -7px;
    margin-left: -8px;
}

/* 阴影中的图片 */
.shadow{
    background-color: rgb(107, 99, 81);
    position: absolute;
    margin-left: 356px;
    margin-top: -694px;
    width: 40px;
    height: 694px;
    opacity: .5;
    position: relative;
}
.shadow img{
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 5px;
}

/*书签*/
.purn{
    position: absolute;
    background-image: url(../images/bg5.png);
    background-repeat: repeat-y;
    margin-left: 415px;
    width: 90px;
    height: 743px;
    margin-top: -744px;
    border-radius: 15px;
}
.purn-text{
    position: absolute;
    margin-left: 490px;
    margin-top: -744px;
    border-radius: 5px;
    width: 710px;
    height: 743px;
    background-color: rgb(253, 253, 245);
}
.purn-line{
    position: absolute; 
    width: 670px;
    margin-left: 490px;
    margin-top: -723px;
}
.purn-one{
    position: absolute;
    width: 120px;
    height: 60px;
    margin-top: -705px;
    margin-left: 497px;
    background-color: white;
    border: 1px solid rgb(248, 232, 209);
    box-shadow: 2px 2px 5px 5px rgb(248, 238, 230);  
}
.purn-two{
    position: absolute;
    width: 120px;
    height: 60px;
    margin-top: -705px;
    margin-left: 636px;
    background-color: white;
    border: 2px solid red;
    box-shadow: 2px 2px 5px 5px rgb(248, 238, 230);    
}
.purn-three{
    position: absolute;
    width: 120px;
    height: 60px;
    margin-top: -705px;
    margin-left: 777px;
    background-color: white;
    border: 1px solid rgb(248, 232, 209);
    box-shadow: 2px 2px 5px 5px rgb(248, 238, 230);  
}
.purn-four{
    position: absolute;
    width: 120px;
    height: 60px;
    margin-top: -705px;
    margin-left: 912px;
    background-color: white;
    border: 1px solid rgb(248, 232, 209);
    box-shadow: 2px 2px 5px 5px rgb(248, 238, 230);  
}
.purn-five{
    position: absolute;
    width: 120px;
    height: 60px;
    margin-top: -705px;
    margin-left: 1047px;
    background-color: white;
    border: 1px solid rgb(248, 232, 209);
    box-shadow: 2px 2px 5px 5px rgb(248, 238, 230);  
}

/*最后的图片  */
.word{
    color: white;
    text-align: center;
}
.lastblck{
    position: absolute;
    margin-left: 458px;
    margin-top: 20px;
}
.lastblck-two{
    position: absolute;
    margin-left: 540px;
    margin-top: 20px;
}
.lastblck-three{
    position: absolute;
    margin-left: 610px;
    margin-top: 20px;
}
.lastblck-four{
    position: absolute;
    margin-left: 683px;
    margin-top: 20px;
}
.lastblck-five{
    position: absolute;
    margin-left: 760px;
    margin-top: 20px;
}
.lastblck-six{
    position: absolute;
    margin-left: 840px;
    margin-top: 20px;
}
.lastblck-seven{
    position: absolute;
    margin-left: 930px;
    margin-top: 20px;
}
.cash{
    position: absolute;
    margin-left: 1000px;
    margin-top: 20px;

}
